<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="applicable-device" content="mobile"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <!--<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">-->
    <meta name="format-detection" content="telephone=no"/>

    <link rel="stylesheet" href="css/all.css"/>
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="css/validform.css"/>

    <script src="lib/flexible.js"></script>
    <script src="lib/jquery-1.9.1.min.js"></script>
    <script src="lib/swiper.min.js"></script>
    <script src="lib/layer.js"></script>
    <script src="lib/Validform_v5.3.2.js"></script>
    <script src="js/hgNews.min.js"></script>

</head>
<body>
<!-- header -->
    <header class="header2 back-black">
        <a href="JavaScript:history.go(-1)" class="return"><img src="img/we42343_03.png" /></a>
        <a class="fun share-window"><img src="img/we42343_05.png" /></a>
    </header>
<!-- /header -->
<!-- bodyer -->
<div class="banner-img swiper-container-horizontal">
    <div class="swiper-pagination swiper-pagination-fraction">
        <span class="swiper-pagination-current">1</span> / <span class="swiper-pagination-total">6</span>
    </div>
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="img/tmp/werwer.png" alt="">
        </div>
        <div class="swiper-slide">
            <img src="img/tmp/fff23_14.png" alt="">
        </div>
        <div class="swiper-slide">
            <img src="img/tmp/fff23_14.png" alt="">
        </div>
        <div class="swiper-slide">
            <img src="img/tmp/wew22_02.png" alt="">
        </div>
        <div class="swiper-slide">
            <img src="img/tmp/apic15169.jpg" alt="">
        </div>
        <div class="swiper-slide">
            <img src="img/tmp/ererer3.png" alt="">
        </div>
    </div>    <div class="img-author">
        <span id="zuozhe">作者：一二三</span>
        <span>描述：的点点滴滴多多多多多多多</span>
        <span id="lianxi">微信：18888331616</span>
        <!--<span>微信：18888331616</span>-->
        <!--<span>QQ：252541129</span>-->
        <!--<span>微信公众号：ayong15963716111</span>-->
    </div>
</div>
<!-- /bodyer -->
<!-- footer -->
<div class="footer-footer"></div>
<div class="footer-comment back-black">
    <div class="bottom">
        <form>
            <input class="comment-text input-black"  id="id-comment" type="text" placeholder="写评论…">
            <span class="img img1">
                <img src="img/sfsfsf3_03.png" alt="">
                <span>344</span>
            </span>
            <span class="img" id="dian-collect">
                <img src="img/sfsfsf3_05.png" alt="">
            </span>
            <span class="img share-window">
                <img src="img/sfsfsf3_07.png" alt="">
            </span>
        </form>

    </div>
</div>
<!-- /footer -->
<script>
    var getArray = hgNews.newGet();
    $.ajax({
        type:"post",
        url:hgNews.api.albumsShow+'&albumid='+getArray['id'],
        dataType:"json",
        error: function (jqXHR, textStatus, errorThrown) {//进行错误信息的处理
            /*弹出jqXHR对象的信息*/
            console.log(jqXHR.responseText + "-" + jqXHR.status + "-" + jqXHR.readyState + "-" + jqXHR.statusText);
            /*弹出其他两个参数的信息*/
            console.log(textStatus);
            console.log(errorThrown);
        },
        success:function(data){
            console.log(data);
            if (data.status == 1){
                $("#zuozhe").html("作者："+data.data.author+"");
                $("#lianxi").html(""+data.data.depict+"");
                for (var i=0;i<data.data.images.length;i++){
                    var slide = '<div class="swiper-slide"> <img src="'+data.data.images[i]+'" alt=""> </div>';
                    $(".swiper-wrapper").append(slide);
                }
                //高度
                var he;
                he = $(window).height()-$(".header2").height()-$(".footer-comment").height();
                $(".banner-img").css("height",he+"px");
                $(".swiper-slide").css("line-height",he +"px");
                //轮播
                var swiper = new Swiper('.banner-img', {
                    pagination: '.swiper-pagination',
                    paginationType: 'fraction'
                });
            }else {
                alert("data.status="+data.status);
            }
        }
    });
</script>
<script>
    //高度
    var he;
    he = $(window).height()-$(".header2").height()-$(".footer-comment").height();
    $(".banner-img").css("height",he+"px");
    $(".swiper-slide").css("line-height",he +"px");
    //轮播
    var swiper = new Swiper('.banner-img', {
        pagination: '.swiper-pagination',
        paginationType: 'fraction'
    });
</script>
<!--评论-->
<div class="tier-from">
    <div class="hide-div"></div>
    <form class="layer-form fl_cd" action="http://192.168.2.169/app_main.php?mod=comment&action=post" method="post">
        <div class="layer-title">评论文章</div>
        <textarea class="layer-text" datatype="*" errormsg="没有输入！" nullmsg="没有输入！"></textarea>
        <input class="layer-submit" type="submit" value="发表">
    </form>
</div>
<script>
    hgNews.comment({
        go:$("#id-comment"),
        tier:$(".tier-from"),
        form:$(".layer-form")
    });
</script>
<!--点击收藏-->
<script>
    hgNews.dianCollect({dian:$("#dian-collect"),img:"sfsfsf3_05.png"});
</script>


<!--点击分享-->
<script>
    hgNews.clickLayer($(".share-window"));
</script>
</body>
</html>
